<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>CSS使用方式</title>
		<style type="text/css">
			
			h2{
				font-size: 40px;
				color: cadetblue;
			}
			p {
				color: green;
				font-size: 32px;
			}
			
			ul{
				color: blue;
			}
			
		</style>
		
		<!--引用外部样式-->
		
		<!--链接式-->
		<link rel="stylesheet" href="style.css" />
		
		<!--导入式-->
	<!--	<style type="text/css">
			@import url("style.css");
		</style>-->
		
	</head>
	<body>
		<h3>CSS使用方式</h3>
		<ul>
			<li>内联（行内）样式</li>
			<li>内部样式</li>
			<li>外部样式</li>
		</ul>	
		
		<h4>内联样式</h4>
		<div style="color: red; font-size: 30px;">我爱中国，我爱java</div>
		<h4>内部样式</h4>
		<h2>望庐山瀑布（李白）</h2>
		<p>
			日照香炉生紫烟,
		</p>	
		<p>
			遥看瀑布挂前川;
		</p>
		<p>
			飞流直下三千尺,
		</p>
		<p>
			疑是银河落九天。
		</p>
		<h4>外部样式</h4>
		<table>
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>地址</th>
			</tr>
			<tr>
				<td>少泊</td>
				<td>20</td>
				<td>北京</td>
			</tr>
				<tr>
				<td>发海</td>
				<td>18</td>
				<td>上海</td>
			</tr>
			
		</table>
		
		<h4>样式表优先级问题：内联样式>内部样式>外部样式</h4>
		<ul style="color: red;">
			<li>苹果</li>
			<li>橘子</li>
			<li>葡萄</li>
		</ul>
		
		
	</body>
</html>
